<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <style type="text/css">
    body {
      height: 100%;
      width: 100%;
      background-color: #224346;
      background-size: cover;
      background-repeat: no-repeat;
    }

    h1 {
      font-family: alike-angular;
      color: #366064;
      font-size: 52px;
      border-bottom: 2px solid #366064;
    }

    .sign {
      font-family: alike-angular;
      color: #224346;
    }

    .tag1 {
      float: left;
      font-family: '华文宋体';
      color: #e7dbc3;
      font-size: 24px;
      font-weight: bold;
      /*margin: 2px;
      padding: 4px;
      border-style: ridge;*/
    }

    .tag2 {
      float: left;
      font-family: '华文宋体';
      color: #366064;
      font-size: 24px;
      font-weight: bold;
      /*margin: 2px;
      padding: 4px;
      border-style: ridge;*/
    }

    .image {
      border-color: #366064;
      border-width: 3px;
      border-style: dashed;
    }

    a {
      text-decoration: none;
    }
  </style>
  <title>middle-earth</title>
  <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
  <script>var __adobewebfontsappname__ = "dreamweaver"</script>
  <script src="http://use.edgefonts.net/alike-angular:n4:default.js" type="text/javascript"></script>

</head>

<body>
  <h1>Welcome to Middle-Earth&nbsp;&nbsp;欢迎来到中土世界</h1>
  <h2>计算机2104班胡宇飞作品</h2>
  <div class="sign" style="background-color:#e7dbc3;width:100%;">
    <p>“I have, I suppose,
      constructed
      an imaginary time, but kept my feet on my own mother-earth for place. I prefer that to the contemporary mode
      of
      seeking remote globes in 'space'. However curious, they are alien, and not loveable with the love of
      blood-kin.”<br>
    </p>
    <p>——The Letters of J.R.R.Tolkien
    </p>
  </div>

  <div class="tag1" style="background-color: #366064;width:25%;"><a href="Web/phyple.html" style="font-family: '华文宋体';
      color: #e7dbc3;">&nbsp;&nbsp;种族与领土历史</a></div>

  <div class="tag2" style="background-color:#e7dbc3;width:25%;"><a href="Web/JRR.html" style="font-family: '华文宋体';
      color: #366064;">&nbsp;&nbsp;J.R.R.Tolkien托尔金</a>
  </div>

  <div class="tag1" style="background-color: #366064;width:25%;"><a href="Web/history.html" style="font-family: '华文宋体';
      color: #e7dbc3;">&nbsp;&nbsp;中洲历史及相关书籍</a>
  </div>

  <div class="tag2" style="background-color: #e7dbc3;width:25%;"><a href="Web/film.html" style="font-family: '华文宋体';
      color: #366064;">&nbsp;&nbsp;现实衍生</a></div>

  <div class="image">
    <img src="Image/middle-earth.jpg" width="100%" alt="" />
  </div>
  <div style="background-color: #366064;float:left;font-size: 18px;width:100%;
    font-weight: bold;">
    <a href="http://guang-ming-lin.gitee.io/d13-226-4/" style="color: #e7dbc3;font-family: '华文宋体'">返回寝室主页面</a>
  </div>
</body>

</html>